// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

type SvgProps = {
    width?: number;
    height?: number;
}

const SvgComponent = (props: SvgProps) => (
    <svg
        width={props.width ? props.width.toString() : '376'}
        height={props.height ? props.height.toString() : '376'}
        fill='var(--center-channel-bg)'
        viewBox='0 0 376 376'
        xmlns='http://www.w3.org/2000/svg'
    >
        <path
            d='M111.392 111.512C131.464 91.3174 156.743 80.9073 187.23 80.2812C217.425 80.9219 242.559 91.332 262.631 111.512C282.702 131.691 293.205 156.85 294.139 186.989C293.19 217.098 282.688 242.257 262.631 262.466C242.573 282.674 217.44 293.106 187.23 293.761C156.729 293.135 131.449 282.733 111.392 262.553C91.3347 242.373 80.8319 217.214 79.8838 187.076C80.8028 156.879 91.3055 131.691 111.392 111.512Z'
            fill='white'
        />
        <path
            d='M187.23 303C154.248 302.068 126.788 290.726 104.849 268.974C82.9103 247.222 71.6272 219.894 71 186.989C71.6272 154.361 82.9103 127.105 104.849 105.222C126.788 83.3393 154.248 71.9318 187.23 71C219.919 71.9173 247.226 83.332 269.151 105.244C291.075 127.156 302.358 154.412 303 187.011C302.373 219.93 291.089 247.259 269.151 268.996C247.212 290.734 219.905 302.068 187.23 303ZM187.23 92.8613C160.462 93.7931 138.217 103.038 120.494 120.597C102.771 138.156 93.5881 160.287 92.9463 186.989C93.559 213.691 102.741 235.895 120.494 253.599C138.246 271.304 160.492 280.469 187.23 281.095C213.676 280.469 235.776 271.304 253.528 253.599C271.28 235.895 280.456 213.691 281.054 186.989C280.441 160.272 271.266 138.142 253.528 120.597C235.79 103.053 213.691 93.8003 187.23 92.8394V92.8613Z'
            fill='#FFBC1F'
        />
        <path
            d='M187.23 256.875C167.318 256.234 150.828 249.478 137.758 236.608C124.688 223.737 117.839 207.197 117.212 186.989C117.212 167.421 123.674 151.114 136.598 138.068C149.522 125.023 166.246 118.034 186.77 117.103C206.682 117.408 223.253 124.164 236.483 137.37C249.714 150.575 256.482 167.115 256.788 186.989C256.482 206.862 249.714 223.322 236.483 236.368C223.375 249.355 205.699 256.715 187.23 256.875ZM188.171 140.864H187.23C173.533 141.475 162.33 146.054 153.621 154.601C149.314 158.826 145.962 163.921 143.788 169.544C141.615 175.168 140.67 181.19 141.018 187.207C140.975 193.273 142.152 199.286 144.478 204.891C146.804 210.495 150.233 215.577 154.562 219.835C159.924 225.214 166.529 229.196 173.795 231.429C181.061 233.662 188.766 234.078 196.231 232.641C203.696 231.204 210.693 227.958 216.605 223.187C222.518 218.417 227.165 212.27 230.138 205.285C233.112 198.301 234.319 190.695 233.655 183.136C232.991 175.576 230.476 168.296 226.33 161.935C222.185 155.573 216.537 150.327 209.883 146.656C203.228 142.986 195.773 141.004 188.171 140.886V140.864Z'
            fill='#FFBC1F'
        />
        <path
            d='M173.467 173.645C177.124 170.192 181.967 168.268 187.001 168.268C192.034 168.268 196.877 170.192 200.534 173.645C203.988 177.206 205.919 181.967 205.919 186.923C205.919 191.88 203.988 196.641 200.534 200.202C196.877 203.655 192.034 205.579 187.001 205.579C181.967 205.579 177.124 203.655 173.467 200.202C170.028 196.634 168.107 191.875 168.107 186.923C168.107 181.972 170.028 177.213 173.467 173.645Z'
            fill='#FFBC1F'
        />
        <path
            d='M188.957 189.763C188.279 190.439 187.36 190.819 186.402 190.819C185.443 190.819 184.524 190.439 183.847 189.763C183.169 189.088 182.788 188.171 182.788 187.215C182.788 186.26 183.169 185.343 183.847 184.667L198.243 170.334L202.875 175.43L188.957 189.763Z'
            fill='#818698'
        />
        <path
            d='M303.913 104.565C305.464 113.239 290.77 119.745 259.831 124.081L214.836 174.498C213.85 175.531 212.662 176.35 211.345 176.906C210.028 177.462 208.611 177.742 207.181 177.729C204.225 177.733 201.388 176.571 199.287 174.498C198.192 173.549 197.314 172.376 196.714 171.059C196.114 169.742 195.805 168.312 195.808 166.865C195.841 163.861 196.997 160.977 199.048 158.777L249.632 114.367C253.982 83.5314 260.506 68.8004 269.205 70.1738C277.903 71.5471 278.672 82.3894 271.51 102.701C291.575 95.3133 302.376 95.9349 303.913 104.565Z'
            fill='#1E325C'
        />
    </svg>
);
export default SvgComponent;
